<ion-view set-dom>
    <ion-header-bar ng-show="!isSearch" align-title="center" class="com-header bg-f7 border-1px-ccc">
        <div class="buttons">
            <button ng-click="back()" class="button fs-0"><i class="icon ion-ios-arrow-back color-333 fs-18"></i>
            </button>
        </div>
        <h1 class="title">订单详情</h1>
    </ion-header-bar>
    <ion-content class="bg-f7" overflow-scroll="false" scrollbar-y="false" has-bouncing="false">
        <div class="pd-15">
            <div class="bg-white h-120 text-center pt-15">
                <p class="fs-16 color-333">订单代付款</p>
                <p class="fs-14 color-red mt-10">请在<span>15:00</span>分钟之内完成付款</p>
                <a href="javascript:;" class="border-radius-5 pl-20 pr-20 pt-10 pb-10 mt-15 fs-14 color-333" style="display:inline-block;border: 1px solid #e5e5e5;">取消订单</a>
            </div>
        </div>
        <div class="pd-15">
            <div class="bg-white h-120 text-center pt-15">
                <p class="fs-16 color-333">订单已完成</p>
                <p class="fs-14 color-999 mt-10">感谢您对大发洗车店的支持</p>
                <a href="javascript:;" class="border-radius-5 pl-20 pr-20 pt-10 pb-10 mt-15 fs-14 color-blue" style="display:inline-block;border: 1px solid #008fff;">再来一单</a>
            </div>
        </div>
        <div class="pd-15">
            <div class="bg-white h-120 text-center pt-15">
                <p class="fs-16 color-333">订单办理中</p>
                <p class="fs-14 color-999 mt-10">请等待处理</p>
                <a href="javascript:;" ng-click="showOrder()" class="border-radius-5 pl-20 pr-20 pt-10 pb-10 mt-15 fs-14 color-blue" style="display:inline-block;border: 1px solid #008fff;">查看订单</a>
            </div>
        </div>
        <div class="bg-white shop-buy-wrapper">
            <div class="weui-cells mar-t-0">
                <div class="weui-cell">
                    <div class="weui-cell__hd shop-icon"></div>
                    <div class="weui-cell__bd">
                        <p class="fs-14 color-333">店铺名字啊</p>
                    </div>
                    <div class="weui-cell__ft">
                        <i class="icon ion-ios-arrow-right color-999 fs-18"></i>
                    </div>
                </div>
            </div>
            <div class="bg-white my-list">
                <a class="bg-f7 my-list-item weui-flex">
                    <img class="img" src="./asset/car_customer/images/data/shop1.jpg">
                    <div class="weui-flex__item detail">
                        <h2 class="fs-14 color-333 txt-line-2 name">精洗保养套餐精洗保养套餐精洗保养套精洗保养套餐精洗保养套餐精洗保养套精洗保养套餐精洗保养套餐精洗保养套</h2>
                        <p class="fs-12 color-666 num">X&nbsp;2</p>
                    </div>
                    <div class="price text-center">
                        <p class="block fs-14 color-333 now-price">¥239.00</p>
                        <del class="block fs-12 color-ccc old-price">¥290.00</del>
                    </div>
                </a>
            </div>
            <div class="weui-cells mar-t-0">
                <div class="weui-cell">
                    <div class="weui-cell__hd"></div>
                    <div class="weui-cell__bd">
                        <p class="fs-14 color-333">商家优惠券</p>
                    </div>
                    <div class="weui-cell__ft fs-14 color-999">
                        选择可用的优惠券
                        <i class="icon ion-ios-arrow-right color-999 fs-18"></i>
                    </div>
                </div>
            </div>
            <div class="bg-white fs-14 color-666 text-right total">
                <span class="txt">总计： ¥239</span>
                <span class="txt">优惠： ¥239</span>
                <span class="txt"><span class="color-333">实付款： </span><b class="color-red">¥239</b></span>
            </div>
        </div>
        <div class="mt-10">
            <div class="pd-15 mt-15 fs-14 color-333 lh-24 bg-white">
                <p>
                    <span class="vertical-mid">订单编号:</span>
                    <span class="vertical-mid">1028837748494993949</span>
                    <a href="javascript:;" class="weui-btn weui-btn_mini weui-btn_primary lh-18 fs-12 vertical-mid bg-ioy-blue ml-10" style="height: 18px;">复制</a>
                </p>
                <p>
                    <span>下单时间:</span>
                    <span>2017-10-10 9:30</span>
                </p>
                <p>
                    <span>支付方式:</span>
                    <span>微信</span>
                </p>
                <p>
                    <span>订单备注:</span>
                    <span>暂无</span>
                </p>
            </div>
        </div>
        <div class="pd-15">
            <a href="javascript:;" class="weui-btn weui-btn_primary bg-ioy-blue fs-16">继续支付</a>
        </div>
        <div class="pd-15 flex">
            <a href="javascript:;" class="weui-btn weui-btn_primary bg-white color-333 fs-16 h-40">删除订单</a>
            <a href="javascript:;" ng-click="addComment()" class="weui-btn weui-btn_primary bg-ioy-blue fs-16 h-40" style="margin-top: 0;">评价晒单</a>
        </div>

    </ion-content>
    <script id="order-modal.html" type="text/ng-template">
        <div class="order-model" style="position: fixed;top:0;bottom: 0;left: 0;right: 0;background-color: rgba(0,0,0,0.55)">
            <div class="bg-white" style="position: absolute;bottom: 0;width: 100%;">
                <div class="pl-15 pr-15 border-1px-ccc">
                    <h2 class="fs-14 color-333 h-40 text-center lh-40">
                        <span class="vertical-mid">订单跟踪</span>
                        <i ng-click="closeModal()" class="fr icon ion-close-round vertical-mid pl-15"></i>
                    </h2>
                </div>
                <div class="pt-30 pl-15 pr-15 pb-20">
                    <ul class="pl-40">
                        <li class="h-35 lh-34">
                            <span class="fs-14 color-333">订单已提交</span>
                            <span class="fs-14 color-999 fr">8月11日 10:25</span>
                        </li>
                        <li class="h-35 lh-34">
                            <span class="fs-14 color-333">支付成功</span>
                            <span class="fs-14 color-999 fr">8月11日 10:25</span>
                        </li>
                        <li class="h-35 lh-34">
                            <span class="fs-14 color-333">商家已确认处理</span>
                            <span class="fs-14 color-999 fr">8月11日 10:25</span>
                        </li>
                        <li class="h-35 lh-34">
                            <span class="fs-14 color-333">已完成材料确认</span>
                            <span class="fs-14 color-999 fr">8月11日 10:25</span>
                        </li>
                        <li class="h-35 lh-34">
                            <span class="fs-14 color-333">商家完成处理</span>
                            <span class="fs-14 color-999 fr">8月11日 10:25</span>
                        </li>
                        <li class="active h-35 lh-34">
                            <span class="fs-14 active">订单已完成</span>
                            <span class="fs-14 color-999 fr">8月11日 10:25</span>
                        </li>
                    </ul>
                </div>

            </div>
        </div>
    </script>
</ion-view>
